<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">
<ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder'
        xmlns:g='urn:import:com.google.gwt.user.client.ui'
        xmlns:pchrc='urn:import:org.dyndns.merelin.pchrc.client'>

    <ui:image field='photo' src='default_photo.jpg'/>

    <ui:style>
        .popup {
            background: #fff;
            border: 1px solid #666;
            padding: 0.5em;
            width: 14em;
            height: 2.5em;
        }

        @sprite .photo {
            gwt-image: 'photo';

            float: left;
            margin-right: 4px;
        }

        .right {
            white-space: nowrap;
        }

        .email {
            font-style:italic;
        }
    </ui:style>

    <g:HTMLPanel styleName='{style.popup}'>
        <div class='{style.photo}'/>
        <div class='{style.right}'>
            <div ui:field='nameDiv' />
            <div ui:field='emailDiv' class='{style.email}'/>
        </div>
    </g:HTMLPanel>

</ui:UiBinder>
